<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<!--解决手机下拉网页滚动-->
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<title></title>
		<script type="text/javascript">
			document.addEventListener('plusready', function() {
				//console.log("所有plus api都应该在此事件发生后调用，否则会出现plus is undefined。"

			});
		</script>
		<link rel="stylesheet" type="text/css" href="css/pintu.min.css"/>
	</head>

	<body ontouchmove="event.preventDefault()">
		<div id="all">
			<div class="mingcheng">
				<img src="img/logo.png" />
				<p>敦煌壁画拼图游戏</p>
			</div>
			<p class="time1"><span>剩余时间：</span><span id="time">50</span><span>秒</span></p>
			<div class="imgbox" id="imgbox">
				<div class="box" data-index="0" style="top:0px;left:0px;background-position:0px 0px">0</div>
				<div class="box" data-index="1" style="top:0px;left:100px;background-position:-100px 0px">1</div>
				<div class="box" data-index="2" style="top:0px;left:200px;background-position:-200px 0px">2</div>
				<div class="box" data-index="3" style="top:100px;left:0px;background-position:0px -100px">3</div>
				<div class="box" data-index="4" style="top:100px;left:100px;background-position:-100px -100px">4</div>
				<div class="box" data-index="5" style="top:100px;left:200px;background-position:-200px -100px">5</div>
				<div class="box" data-index="6" style="top:200px;left:0px;background-position:0px -200px">6</div>
				<div class="box" data-index="7" style="top:200px;left:100px;background-position:-100px -200px">7</div>
				<div class="box" data-index="8" style="top:200px;left:200px;background-position:-200px -200px">8</div>
			</div>
			<div id="xiangqing">
				<p id="name1">莫高窟第217窟 盛唐 无量寿佛</p>
				<p id="tp1">
					<img src="img/ma1.png" />
				</p>
				<p id="tp2">
					<img src="img/daolan.png" />
				</p>
				<p id="zi"><span id="name2">莫高窟第217窟</span><span>莫高窟导览图</span></p>
				
			</div>
			<div id="banquan1">敦煌研究院版权所有 陇ICP11000088号-1号</div>
			<div id="kaishi" onclick="kaishi()">开始</div>
			<div id="game">
				<p>恭喜过关!</p>
				<div id="btn" onclick="xiayiguan()">
					下一关
				</div>
			</div>
			<div id="game1" style="display: none;">
				<p>好可惜~~失败了</p>
				<div id="btn1" onclick="loop()">
					再来一次
				</div>
			</div>
			<div id="over">
				<p style="margin-right: 20px;font-size: 16px;">恭喜您全部通关！！！</p>
				<img src="img/jiangli.png" />
				<p style="margin-top: 2px;margin-right: 50px;">扫描上方二维码获取精美手机壁纸</p>
			</div>
		</div>
		<script src="js/pintu.min.js" type="text/javascript" charset="utf-8"></script>
	</body>

</html>